<template>
    <div id="FootPrint">
        <!------------------ 没有足迹页面 ------------------------>
        <div id="coupon-empty" v-if="show">
			<img src="https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/collect/empty_goods.png"/>
			<span class="noVoucher">还没有留下任何足迹</span>
			<button class="btn" @click="goHome">逛逛首页</button>
		</div>
        <!------------------ 收藏页面 ------------------------>
        <div class="days">
            <p>今天</p>
            <div class="cutDetail">
				<ul class="photo">
					<li><img src="/dist/static/red_envelope.png"></li>
				</ul>
				<ul class="cut-right">
					<li class="one">澳大利亚&nbsp;进口脐橙&nbsp;橙子12个装&nbsp;单果重约150g-180g&nbsp;新鲜水果</li>
					<li class="two"><span class="icons">¥</span>18.9&nbsp;</li>
					<li class="three">已砍<span class="now">12万</span>件</li>          
				</ul> 
			</div>

            <div class="cutDetail">
				<ul class="photo">
					<li><img src="/dist/static/red_envelope.png"></li>
                    <li class="noHave"><img src="https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/footePrict/sold_out.png"></li>
				</ul>
				<ul class="cut-right">
					<li class="one">澳大利亚&nbsp;进口脐橙&nbsp;橙子12个装&nbsp;单果重约150g-180g&nbsp;新鲜水果</li>
					<li class="two"><span class="icons">¥</span>18.9&nbsp;</li>
					<li class="three">已砍<span class="now">12万</span>件</li>          
				</ul> 
			</div>
            <div style="height:.2rem;background:#f6f6f6;clear:both;"></div>
        </div>

        <div class="days">
            <p>2017-1-11</p>
            <div class="cutDetail">
				<ul class="photo">
					<li><img src="/dist/static/red_envelope.png"></li>
                    <li class="noHave"><img src="https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/footePrict/under_shelf.png"></li>
				</ul>
				<ul class="cut-right">
					<li class="one">澳大利亚&nbsp;进口脐橙&nbsp;橙子12个装&nbsp;单果重约150g-180g&nbsp;新鲜水果</li>
					<li class="two"><span class="icons">¥</span>18.9&nbsp;</li>
					<li class="three">已砍<span class="now">12万</span>件</li>          
				</ul> 
			</div>
            <div style="height:.2rem;background:#f6f6f6;clear:both;"></div>
        </div>
        
        <div class="clear" @click="handleClear">清空</div>
        <div class="opaction" v-if="opaction" @click="xiaoshi"></div>
        <div class="text" v-if="text" @click="text">
            <div class="one">
                <p>确定要删除所有商品吗</p>
            </div>
            <div class="two">
                <button style="border-right:1px solid #e6e6e6">取消</button>
                <button>确定</button>
            </div>
        </div>
    </div>
</template>

<script>
    export default{
        data(){
            return{
                show:false,         //没有足迹页面
                opaction:false,      //遮罩层
                text: false   
            }
        },
        methods:{
            goHome(){
                this.$router.push("./home/index/00")
            },
            handleClear(){
               this.opaction = true,
               this.text = true
           },
            xiaoshi(){
                this.opaction = false,
                this.text = false
           }
        }
    }
</script>

<style>
    
</style>